.detailPage {
  :global(.adm-mask-content) {
    height: 100%;
  }
  .content {
    background-color: #fff;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    .scrollWrapper {
      flex: 1;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
    }
    .authorWrapper {
      width: 100%;
      height: 50px;
      display: flex;
      padding: 16px;
      align-items: center;
      .authorInfo {
        flex: 1;
        display: flex;
        align-items: center;
        margin-left: 25px;
        span {
          margin-left: 5px;
        }
      }
    }
    .swiperWrapper {
      .swiperItem {
        height: 240px;
        color: #ffffff;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 48px;
        user-select: none;
      }
    }
    .noteWrapper {
      box-sizing: border-box;
      .noteContent {
        padding: 16px;
      }
      .noteArea {
        padding: 0 16px 16px 16px;
        font-size: 14px;
        line-height: 120%;
        color: var(--text-third-color);
      }
      .divider {
        padding: 0 16px;
        .border {
          .border-1px();
        }
      }
      .noteTitle {
        margin-bottom: 8px;
        font-weight: 600;
        font-size: 18px;
        line-height: 140%;
      }
    }
    .commentList {
      padding: 0 16px;
    }
    .commentInput {
      padding: 16px;
      display: flex;
      .border-1px(top);
    }
  }
}
